<html>
<head>
	<title>Enter my Subterranean Headquarters</title>

<SCRIPT language="JavaScript"><!--
/*********************************************************
             GateKeeper v2.3 - by Joe Barta
            http://www.pagetutor.com/keeper/
     Permission is granted to freely use this script.
**********************************************************/

function GateKeeper() {
   var username = prompt("Enter your username:", "");
   var password = prompt("Enter your password:", "");
   if (password && username) { this.location.href = username + password + ".htm"; }}

//--></SCRIPT>

<style>
<!--

#myimage{
filter:light
}

-->
</style>

</head>


<body bgcolor="#000000" text="#336600" link="#993300" vlink="#FF9966" alink="#FF3300">


 <map name="doormap">
   <area shape="circle" coords="291,376,50" HREF="javascript:{;}" onClick="GateKeeper(); return false" alt="Open the door here" />
<p style="font-size:30px; color:#0000FF">
Happy Humphrey's Subterranean Bunker
<br><br>
</p>
<p style="font-size:20px; color:#336600">
Enter here. But as I said, you'll need a username and password; because I can't risk just any Tom, Dick or Harry walking in off the street! <br>If you don't have these details the door will not open.
</p>
<br><br>
<NOSCRIPT><FONT COLOR="#FF0000"><BR>I'm sorry, you're going to need to have Javascript enabled to access the next stage. <br>Yours seems to be disabled.</FONT></NOSCRIPT>  

<img id="myimage" src="Entrance1.jpg" usemap="#doormap" alt="Entrance to the Subterranean Bunker">

<script language="JavaScript1.2">

//Image spotlight effect- By Erik F (die_schlampe@hotmail.com)
//Code enhancements by Dynamicdrive.com
//Visit http://www.dynamicdrive.com for this script

s = 50; // the size of the spotlight
vp = 10; // the visibility percent of the picture
startx = 0; // the top position of your sportlight into the image (on start)
starty = 0; // the left position of your spotlight into the image (on start)


//////////////////////////////////////////////////////////////////
//		No need to edit below this line			//
//////////////////////////////////////////////////////////////////

var IE = document.all?true:false

function moveL()
{
xv = tempX;
yv = tempY;
myimage.filters.light.MoveLight(1,xv,yv,s,true);
}

if (IE&&myimage.filters)
document.all.myimage.onmousemove = getMouseXY;
var tempX = 0
var tempY = 0


function getMouseXY(e) {
tempX = event.offsetX
tempY = event.offsetY

  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}
  if (t)
  {  
   moveL();
  }

  return true
}

var xv = startx;
var yv = starty;
var t= true;
if (IE&&myimage.filters){
myimage.style.cursor="hand";
myimage.filters.light.addAmbient(255,255,255,vp)
myimage.filters.light.addPoint(startx,starty,s,255,255,255,255)
}

</script>

</body>
</html>